<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>媒体查询-link</title>
    <!-- 视口宽度 小于等于 768px 时，引入 pink.css -->
    <link rel="stylesheet" media="(max-width: 768px)" href="./pink.css">

    <!-- 视口宽度 大于 1200px 时，引入 green.css -->
    <link rel="stylesheet" media="(min-width: 1200px)" href="./green.css">

    <style>


    </style>
</head>
<body>
    
</body>
</html>